<html>
<head>
    <include file="Common/top"/>
    <include file="Common/import_plugins"/>
    <link rel="stylesheet" href="/Public/Home/css/return_ticket.css">
    <style>
        .sub_order_list {
            text-align: center;
            padding-top: 5px;
            border-top: solid 1px #e4e4e4;
        }

        .sub_order_list input[type=checkbox] {
            display: block;
            margin-top: 5px;
            margin-left: 10px;
            background: #4cd764;
            border-color: #4cd764;
            width: 20px;
            height: 20px;
            -webkit-appearance: none;
            background: url("/Public/Home/image/check_box_up.png");
        }

        .sub_order_list input[type=checkbox]:checked {
            background: url("/Public/Home/image/check_box_down.png");
        }

        .sub_order_list .return_one_btn {
            display: block;
            float: right;
            margin-right: 10px;
            margin-bottom: 10px;
            background: none;
            border: solid 1px #1a88c5;
            padding: 5px;
            color: #1a88c5;
        }

        .sub_order_list table tr td {
            border: none !important;
            padding-left: 0 !important;
        }

        .sub_order_list table tr td:first-child {
            color: #000;
        }

        .title_tip {
            font-size: 9px;
            color: #00a0e9;
            font-weight: normal;
        }
    </style>
</head>
<body>
<include file="Common/nav_menu"/>
<form action="" method="post">
    <input type="hidden" name="order_id" value="{$info.id}">

    <div class="warning">
        经核实如未使用且符合退改规则，退款将于2-15个工作日退至您的支付账户。
    </div>
    <div class="box clear">
        <span class="fl">订单实付:</span>
        <span style="height: 20px ;line-height: 20px;margin-left: 10px;">
            <if condition="$info['is_pay']">
                {$info.total_price}
                <else/>
                0
            </if>
        </span>
        <!--<span class="fr color">退款金额：<span>￥125</span></span>-->
    </div>

    <div class="box_info clear">
        <div class="title">
            退款明细
        </div>
        <volist name="list_sub_order" id="vo">
            <div class="layui-row sub_order_list clear">
                <label>
                    <div class="layui-col-xs1">
                        <if condition="!$vo['is_status']">
                            <input type="checkbox">
                            <else/>
                            &nbsp;
                        </if>
                    </div>
                    <div class="layui-col-xs11" style="text-align: left;padding-top: 7px;">
                        <div style="font-weight: bold">
                            {$vo.goods_name}
                            <if condition="$vo['is_return'] eq '1'">
                                <div class="title_tip">以申请退票</div>
                            </if>
                        </div>
                        <div>
                            <table class="layui-table">
                                <tr>
                                    <td>单价</td>
                                    <td>{$vo.price}</td>
                                </tr>
                                <tr>
                                    <td>数量</td>
                                    <td>{$vo.num}</td>
                                </tr>
                                <tr>
                                    <td>金额</td>
                                    <td>{$vo.price}*{$vo.num}={$vo.tprice}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </label>
                <switch name="vo['is_status']">
                    <case value="0">
                        <a href="{:U('one_return',array('sub_order_code'=>$vo['sub_order_code']))}"
                           class="return_one_btn">取消订单</a>
                    </case>
                </switch>
            </div>
        </volist>
    </div>

    <div class="box_info clear">
        <div class="title">
            取消原因
        </div>
        <div class="list">
            <ul>
                <li><span class="layui-icon active">&#xe643;</span><span class="text">行程不确定</span></li>
                <li><span class="layui-icon">&#xe63f;</span><span class="text">价格原因</span></li>
                <li><span class="layui-icon">&#xe63f;</span><span class="text">需要更改出行日期</span></li>
                <li><span class="layui-icon">&#xe63f;</span><span class="text">评价不好</span></li>
            </ul>
        </div>
    </div>
    <textarea name="message" class="layui-textarea"></textarea>

    <script>
        $(function () {
            $('.list ul li').click(function () {
                $('.list ul li').find('span.layui-icon').removeClass('active');
                $('.list ul li').find('span.layui-icon').html('&#xe63f;');
                $(this).find('span.layui-icon').addClass('active');
                $(this).find('span.layui-icon').html('&#xe643;')
            })
        })
    </script>
</form>
</body>
</html>